<script>
import {useUserStore} from '@/stores/index.js'
export default {
	setup() {
		const userStore = useUserStore(); // 在 setup 函数中使用 useUserStore
		return {
			userStore // 将用户存储返回，这样可以在模板中使用
		}
	},
	onLaunch: function () {
		console.log('App Launch')
		// console.log("当uni-app 初始化完成时触发（全局只触发一次）");
	},
	onShow: function () {
		console.log('App Show')
		// this.verifyLogin(); // 调用 verifyLogin 方法
		this.ws(this.userStore.user.id); // 调用 ws 方法
	},
	onHide: function () {
		console.log('App Hide')
		this.closeSocket(); // 当应用隐藏时关闭 WebSocket 连接
	},
	methods: {
		// 验证登陆的全局方法
		ws(e) {
			// 判断 userStore.user 是否存在
			if (e) {
				uni.connectSocket({
					url: 'ws://localhost:9090/ws/' + e,
					success: (res) => {
						console.log("连接成功", res);
					},
					fail: (err) => {
						console.log("连接失败", err);
					}
				});
				uni.onSocketMessage((res) => {
					console.log('收到服务器内容：' + res);
					uni.showModal({
						title: "消息提示",
						content: res.data,
						showCancel: false,
					});
				});
			} else {
				console.log("用户未登录，无法建立 WebSocket 连接");
			}
		},
		closeSocket() {
			uni.closeSocket({
				success: () => {
					console.log("WebSocket 连接已关闭");
				},
				fail: (err) => {
					console.log("关闭连接失败", err);
				}
			});
		}
	}
}
</script>

<style lang="scss">
/*每个页面公共css */
@import "common/style/common-style.scss";

::-webkit-scrollbar {
	display: none;
	width: 0;
	height: 0;
}
</style>